<template>
  <headder></headder>
  <div class="context">
    <div class="box">
      <div class="box-left">
        <router-view></router-view>
      </div>
      
      <div class="box-right">
        <div class="top">
          <p>CNode：Node.js专业中文社区</p>
          <p>您可以 登录 或 注册 , 也可以</p>
          <el-button style="background-color: #74bdda; color: #fff"
            >通过 GitHub 登录</el-button
          >
        </div>
        <div class="middle">
          <div class="middle-head">
            <p>无人回复的话题</p>
          </div>
          <div class="middle-middle">
            <p>Bigo儲值秘笈，cvcka.tw助您輕鬆擁有BIGO鑽石</p>
            <p>hwchongzhi您的海外Q币充值专家！</p>
            <p>探索Kirsh Blending護膚品：一款引人注目</p>
            <p>Kirsh羽絨外套：保暖與時尚的完美結合</p>
            <p>Kirsh帽t：舒適、時尚和個性的完美結合</p>
          </div>
        </div>
        <div class="middle">
          <div class="middle-head">
            <p>积分榜 TOP 100>></p>
          </div>
          <div class="middle-middle">
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
            <h3>
              <span>23405</span>
              <span>i5ting</span>
            </h3>
          </div>
        </div>
      </div>
    </div>
  </div>
  <foot1></foot1>
</template>

<script lang="ts" setup>
import foot1 from "@/components/foot1.vue";
import headder from "@/components/headder.vue";

</script>

<style lang="scss">

</style>
